<!DOCTYPE html>
<html style="background: #fff;">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />		
		<meta content="yes" name="apple-mobile-web-app-capable"> 
		<meta content="yes" name="apple-touch-fullscreen"> 
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<meta charset="UTF-8">
		<title>机构详情</title>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link href="css/mui.min.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" href="css/mui.min.css">
		<script type="text/javascript" src="js/flexible.js"></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<style>
			.swiper-slide{
				text-align:center;
			}
		.playvideo{padding-top: auto;z-index: 9999;position: relative;top:50%;margin-top:-116px;}
		.zy_media{z-index: 888}
		</style>
			<link rel="stylesheet" href="css/zy.media.min.css">
	</head>
	<body style="background:none;">
		<div class="mec-head-img-go">
			<img src="images/index/jg-banner2.png" alt=""/>
			<div class="jg-content">
				<img class="fl" src="images/tx/tx4.png" alt="" />
				<div class="jg-content-center fl">
					<h2>四川艺术职业学院</h2>
					<p>四川省成都市温江区和盛镇星艺大道366号</p>
				</div>
				<span class="jg-zan fr"></span>
			</div>
		</div>
		
		<div class="jq-hd showS" style="display:block;margin-top: 15%;">
			<div class="te-head-content">
				<p class="mark">巴蜀文化、源远流长，天府艺术、薪火相传。四川艺术职业学院浸润于丰厚的人文沃土，以传承、弘扬和发展巴蜀文化为己任，以独具魅力的巴蜀特色艺术品种为亮点，以高等专业艺术教育为主体、中等专业艺术教育为基础、各种文化艺术门类综合发展为主线，开设艺术类专业15个，在校学生5800余人，是一所视野开阔、学科齐备的应用型高等综合艺术院校。</p>
			</div>
			
			<div id="xqBox" style="display: none;">
				<p>巴蜀文化、源远流长，天府艺术、薪火相传。四川艺术职业学院浸润于丰厚的人文沃土，以传承、弘扬和发展巴蜀文化为己任，以独具魅力的巴蜀特色艺术品种为亮点，以高等专业艺术教育为主体、中等专业艺术教育为基础、各种文化艺术门类综合发展为主线，开设艺术类专业15个，在校学生5800余人，是一所视野开阔、学科齐备的应用型高等综合艺术院校。</p>
				<p>学院办学历史始于1953年，其前身为两所享誉中外的国家级重点中专——四川省舞蹈学校和四川省川剧学校（四川省艺术学校），有着悠久历史传统和文化积淀。学院位于成都市温江区和盛镇“成都国际科教艺术城”片区内，占地300余亩，与四川商务职业学院、温江职教中心、新东方国际学校相邻，与即将开建的四川省教育考试院-考试与录取中心隔街相望。</p>
				<p>学院依托四川乃至中国西部宣传文化系统的强势支撑，办学方向涉及巴蜀文化各个领域，在继续开办音乐、舞蹈、戏剧、戏曲、艺术设计等原有优势专业的基础上，积极开拓文化事业管理、文物保护等涵盖文化艺术系统多种专业领域的各类新型专业，正逐步形成多专业各具特色、相互依存、交叉发展的科学格局。</p>
				<p>学院师资力量雄厚、办学经验丰富、实践基地众多、教学成果显著，现有中高级专任教师260余名，专业过硬、技艺精湛、耕耘不辍、迭创辉煌；建校五十余载，成绩斐然、人才辈出、名傲巴蜀、饮誉中外，已荣获国内外艺术大奖达千余项，名列国内舞台艺术教育前茅，享有“艺术家摇篮”的美誉。学院坚持开放办学，对外文化交流频繁，作为四川重要的艺术创作生产基地，长期承担国家与地方众多重要的文化艺术活动，已成为我省对外文化交流的重要载体及窗口，为学生提供了广阔的展示舞台和宝贵的实践机会，使毕业生在激烈的人才市场竞争中始终呈现出喜人的就业前景。</p>
				<p>秉持为文化艺术传承创新和经济社会发展造就道德品行优、文化素质高、艺术修养深、专业技术精、应用能力强的文化艺术传承者、展示者、创造者、教育者、管理者和经营者的使命，学院将以荣誉为继往开来的里程碑、以成绩为再创辉煌的起跑线，继续坚持“专业技能与文化艺术融通、综合素质与艺术特色兼顾、艺术教学与工作实践并重、艺术水准与应用能力均优”的办学理念，努力建成文化艺术人才培养的重要基地、文化艺术创作生产的重要展示团队、四川文化艺术总体风格传承与创新的重要实践平台。在直接服务于四川经济社会发展和促进四川文化艺术繁荣的进程中，不断努力提升艺术教学水准、加速增强艺术影响力和市场竞争力，立足四川、服务西部、面向全国、辐射海外。</p>
				<p>伟略宏图、燕舞三春，和美丽日、龙腾四海；花簇千乡、神州耀辉，旗飘万里、盛景惊世。21世纪是文化的世纪，更是中华民族优秀文化艺术腾飞的世纪，十七届六中全会的召开，充分认识了推进文化改革发展的重要性和紧迫性，确立了更加自觉、更加主动地推动社会主义文化大发展大繁荣的路线。文化大发展的号角已经吹响，繁荣的文化艺术市场呼唤更多学有专攻的文化艺术人才！举目苍穹、天朗气清，放眼浩土、万事齐兴。学院真诚地欢迎全国各地有理想、有志向、有热情、有追求的青少年朋友们踏进这所文化艺术的神圣殿堂，为实现美好而高尚的艺术梦想不懈奋斗、共谱华章！</p>
			</div>
			<div class="te-head-content">
				<a href="javascript:void(0);" id="xqBtn">查看详情</a>	
			</div>
			<ul class="act-list">
				<a href="tel://4006103721"><li><div id="tel"><span></span>400-610-3721</div></li></a>
				<a href="javascript:;"><li id="map"><div id="dz"><span></span>四川省成都市锦江区指挥街108号附1号</div></li></a>
			</ul>
			<ul class="te-nav-list">
				<li class="active chilrd-nav">照片</li>
				<li class="chilrd-nav">视频</li>
			</ul>
			<div class="te-box-show clear">
				<ul class="education-content-img">
					<li><a href=""><img src="images/index/jg4.png" data-preview-src="" data-preview-group="1" /></a></li>
					<li><a href=""><img src="images/index/jg6.png" data-preview-src="" data-preview-group="1" /></a></li>
					<li><a href=""><img src="images/index/jg5.png" data-preview-src="" data-preview-group="1" /></a></li>
				</ul>
			</div>	
			<div class="te-box-show clear" style="display:none;">
				<ul class="education-content-img">
					<li class="play-yer" style="position:relative;" data-src=""><img src="images/index/jg4.png"/><span class="bf-box" style="top:79%;"></span></li>
					<li class="play-yer" style="position:relative;" data-src=""><img src="images/index/jg6.png"/><span class="bf-box" style="top:63%;"></span></li>
					<li class="play-yer" style="position:relative;" data-src=""><img src="images/index/jg5.png"/><span class="bf-box" style="top:79%;"></span></li>
				</ul>
			</div>	
		</div>
		
		<div class="videos" style="height:100%;width:100%;background:rgba(0,0,0,0.8);position:fixed;top:0;left:0;z-index: 999;display:none;">
			<div class="playvideo">
			<div class="zy_media">
		    	<video poster="images/bjv.jpg" >
		        	<source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4">
		      	  您的浏览器不支持HTML5视频
		   	 </video>
			</div>
				<div id="modelView">&nbsp;</div>
				<span class="clearPlay mui-icon mui-icon-close"></span>
			</div>
		</div>
		<script type="text/javascript">
			$("#xqBtn").click(function(){
				$(".mark").hide();
				$("#xqBox").show();
				$(this).parent().hide();
			})
		</script>
	</body>
	<script type="text/javascript" src="js/vue.js"></script>
	<script type="text/javascript" src="js/swiper.jquery.min.js"></script>
	<script src="js/mui.min.js"></script>
	<script src="js/mui.zoom.js"></script>
	<script src="js/mui.previewimage.js"></script>
	<script src="js/zy.media.min.js"></script>
	<script> 
		var mySwiper = new Swiper('.swiper-container', {
			slidesPerView :'2',
			onTransitionEnd: function(swiper){
			  if(swiper.progress==1){
				  swiper.activeIndex=swiper.slides.length-1
			  }
          	}
		})
			mui.previewImage();
	</script>
	<script type="text/javascript">
		mui("body").on('tap','a',function(){
		  //获取链接
		  var urlHref = this.getAttribute("href");
		  mui.openWindow({
		    url:urlHref,
		  });
		}) 
		//导航点击切换
		mui("body").on('tap','.swiper-slide',function(){
		  //获取链接
			 var that = this;
			 var Index = $(this).index()
			 $('.swiper-slide').removeClass('active');
			 $(that).addClass('active');
			 $('.showS').hide();
			 $('.showS').eq(Index).show();
		}) 
		//视频照片切换
		mui("body").on('tap','.chilrd-nav',function(){
		  //获取链接
			 var that = this;
			 var Index = $(this).index()
			 $('.chilrd-nav').removeClass('active');
			 $(that).addClass('active');
			 $('.te-box-show').hide();
			 $('.te-box-show').eq(Index).show();
		}) 
		mui(".education-content-img").on('tap','.play-yer',function(){
		  //获取链接
		  $('.videos').show();
		  document.body.style.overflow='hidden';
	    zymedia('video',{autoplay: false});
		var screenheight = window.screen.height/2;
		$("#modelView").width(window.screen.width);
		 $("#modelView").height(window.screen.height);
		  var videoheight = $(".zy_media").height()/2;
		  var padding_top = screenheight-videoheight;
		   $("#modelView").css({"margin-top":-1*(padding_top+$(".zy_media").height())});
				 var that = this;
				 var Index = $(this).index()
				 
			}) 
		mui("body").on('tap','.clearPlay',function(){
		  //获取链接
			  $('.videos').hide();
		}) 
	</script>
</html>
